<template>
  <div class="wangdang">
    <!-- <div class="wangdangleft">
      <div class="wangdangleft-top">
        <div style="display: flex; flex-direction: column; align-items: center;">
          <p style="margin: 0;">
            <Icons class="itwo" type="icon-Word"></Icons>
          </p>
          <span style="font-size: 10px;">文档</span>
        </div>
        <div style="display: flex; flex-direction: column; align-items: center;">
          <p style="margin: 0;">
            <Icons class="ithree" type="icon-pdf"></Icons>
          </p>
          <span style="font-size: 10px;">PDF</span>
        </div>
      </div>
      <div class="wangdangleft-bt">
        <div>
          我的文档
        </div>
      </div>
    </div>
    <div>
      <el-timeline style="max-width: 90%;height:100%;">
        <el-timeline-item v-for="(item,index) in 10" timestamp="2018/4/12" placement="top">
          <template #dot>
            <Icons class="ithree" type="icon-pdf"></Icons>
          </template>
           <div class="timelinediv">
            <div>文档名字</div>
             <div><div>修改</div> <div>用户1111</div></div>
           </div>
        </el-timeline-item>

      </el-timeline>
    </div> -->
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
import { Icons } from 'ikicons'
import { ElTimeline, ElTimelineItem } from 'element-plus'
</script>

<style>
@import '@/assets/css/wendang.css';
</style>